<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>IE BUG ---- table position & select </title>

    <script type="text/javascript">
        function change_div(id){
            if (id == 'gsywly' )
            {
                document.getElementById("gsgs").style.boxShadow = 'none' ;
                document.getElementById("gsywly").style.boxShadow = '0 0 2px 2px blue' ;
            }
            else
            {
                document.getElementById("gsywly").style.boxShadow = 'none ';
                document.getElementById("gsgs").style.boxShadow = '0 0 2px 2px blue' ;
            }
        }
    </script>

    <style>

        #gsywly {
            width: 50px;
            height: 50px;
            border: 1px solid red;
            box-shadow: none
        }
        #gsgs {
            width: 50px;
            height: 50px;
            border: 1px solid red;
            box-shadow: none
        }
        li{list-style: none;}

    </style>
</head>

<body>

<ul>

    <li id="gsgs"><a href="#" onclick="change_div('gsgs')">集团公告</a></li>
    <li id="gsywly"><a href="#" onclick="change_div('gsywly')">单位公告</a></li>

</ul>

</body>
</html>  